<template>
	<view>
		<view class="top1">
		</view>
		<image @click="sf" src="/static/jx.png" class="jx"></image>
		
		<view style="background-color: #F95738;width: 100%;
		  height: 120rpx;
		  position:fixed;
		  bottom: 0;
		  display:flex;
		  flex-direction:row;
		  justify-content:flex-start;">
		   <view @click="gotohome" id="button1">
		   <image src="/static/home.png" style="width: 60rpx;height: 60rpx;margin-left: 50rpx;margin-top: 10rpx;"></image>
		   <view style="margin-left: 47rpx;font-weight: 900;">首页</view>
		   </view>
		   <view @click="gotozf" id="button2">
		   <image src="/static/zf.png" style="width: 60rpx;height: 60rpx;margin-left: 230rpx;margin-top: 10rpx;"></image>
		   <view style="margin-left: 190rpx;font-weight: 900;">一键转发</view>
		   </view>
		   <view @click="gotomy" id="button3">
		   <image src="/static/me.png" style="width: 60rpx;height: 60rpx;margin-left: 170rpx;margin-top: 10rpx;"></image>
		   <view style="margin-left:170rpx;font-weight: 900;">我的</view>
		   </view>
		  </view>
	</view>
</template>

<script>
	export default{
		methods:{
			sf(){
				uni.navigateTo({
					url:"/pages/my/jx/sf/sf"
				})
			},
			gotohome(){
				uni.navigateTo({
					url:"/pages/index/index"
				})
			},
			gotozf(){
				uni.navigateTo({
					url:"/pages/zf/zf"
				})
			},
			gotomy(){
				uni.navigateTo({
					url:"/pages/my/my"
				})
			}
		
		}
	}
</script>

<style>
	.top1{
		width: 100%;
		height: 130rpx;
		background-color: #F95738;	
		display:flex;
		flex-direction:row;
		justify-content:flex-start;
	}
	.jx{
		width: 755rpx;
		height: 1090rpx;
	}
</style>